
*{
    box-sizing : border-box;
    padding : 0;
    margin : 0;
  }

  /**横向布局**/

.containerRow {
  display : flex;
  flex-direction : row;
}

/**横向左右布局**/

.containerBetween {
  display : flex;
  flex-direction : row;
  justify-content : space-between;
}

/**横向居中布局**/

.containerRowCenter {
  display : flex;
  flex-direction : row;
  justify-content : center;
}

.containerRowAlign {
  display : flex;
  flex-direction : row;
  align-items : center;
}

/**纵向布局**/

.containerCol {
  display : flex;
  flex-direction : column;
}

/**垂直居中，水平居中**/

.verticalhorizontally {
  align-items : center;
  justify-content : center;
}

.vertical {
  align-items : center;
}

.horizontally {
  justify-content : center;
}

.space-between {
  justify-content : space-between;
}

//* layout
  .el-container{
    width : 100vw;
    height : 100vh;
    // background-color : rgba(175, 217, 253, 0.425);

  }

.el-header {
    line-height : 60px;
    color : #333;
    text-align : center;
    // background-color : #ff9f9f;
    border-bottom : 1px solid #e6e6e6;
  }
  
  .el-aside {
    display : flex;
    flex-direction : column;
    justify-content : space-between;
    line-height : 200px;
    color : #333;
    text-align : center;
    // background-color : #e37ef752;
    border-right : 1px solid #e6e6e6;
  }
  
  .el-main {
    width : 100%;
    line-height : 160px;
    color : #333;
    text-align : center;
    // background-color : #c0f8a6;
    // border-top : 1px solid #e6e6e6;
  }

  .breadcrumb-container{
    margin-top : 30px;
    margin-left : 30px;
  }

  .el-breadcrumb{
    font-size : 14px;
    line-height : 1;
  }

  .el-breadcrumb__item{
    float : left;
  }

  .el-breadcrumb__inner{
    font-weight : 400 !important;
    color : #606266 !important;
  }

  .el-breadcrumb__separator{
    margin : 0 9px;
    font-weight : 700;
    color : #c0c4cc;
  }

  .logo{
    display : flex;
    align-items : center;
    justify-content : center;
    height : 120px;
  }

  .img-style{
    height : 60px;
  }

  .el-menu{
    position : relative;
    list-style : none;
  }

  // white-space 属性设置如何处理元素内的空白,文本不会换行，文本会在在同一行上继续

  .el-menu-item:hover {
    background-color : #e6f2f2 !important;
  }

.el-menu-item.is-active {
  color : teal;
  background-color : #e6f2f2 !important;
}

.el-button{
  width : 100px;
  margin : 0 auto 50px auto;
}

.el-button:hover{
  color : teal;
  background-color : #e6f2f2;
  border-color : #b3d9d9;
}

.tableBox{
  th{
    padding : 6px !important;
    line-height : 30px !important;
  }
  td{
    padding : 6px !important;
    line-height : 10px !important;
  }
}

// login page
.login-container{
  width : 500px;
  // background-color : rgb(196, 133, 255);
}

.login-bg{
  display : flex;
  align-items : center;
  justify-content : center;
  width : 100vw;
  height : 100vh;
}
.btn-box{
  margin : auto 175px;
}

.drawer-box{
  display : flex;
    flex-direction : column;
    justify-content : space-between;
  width : 70%;
  height : 400px;
  margin : 30px auto;
  // background-color : rgb(133, 255, 139);
}

.row-box{
  width : 280px;
  margin : 20px auto 0 auto;
}

.el-col-18 {
  width : 100%;
  height : 131px;
}


.el-tag{
  margin-right : 5px;
}

.el-table-column{
  flex-wrap : wrap;
}

// .foot-page{
//   position : absolute;
//   right : 70px;
//   // bottom : -131px;
// }

.restaurant-pagination{

  display : flex;
      flex-direction : row-reverse;
      margin-top : 20px;
}

.el-table{
  position : relative;
}

// OperateDialog

.el-dialog__header{
  padding : 20px;
    padding-bottom : 10px;
}

.el-dialog__title{
    font-size : 18px;
  line-height : 24px;
    color : #303133;
}

.el-select .el-input {
  width : 130px;
}
.input-with-select .el-input-group__prepend {
  background-color : #f5f7fa;
}
.selct-tags{
  margin-top : 15px;
}
.restaurant-tags-container{
  display : flex;
  margin-top : 20px;
}
.restaurant-own-tags{
  width : 70%;
    margin-left : 20px;
}
.box-card{
  height : 60px;
    margin-top : 20px;
    margin-bottom : 20px;
}

.box-time{
  margin-top : 20px;
  
}

.time-colum-box{
    width : 380px !important;
    margin-bottom : 5px; 
    margin-left : 5px !important;
}

.el-tag{
  margin-bottom : 5px;
}

//* menu 页面
  
  
  

  